/* 公共css文件 */
/* 字体 */
/* 主题颜色 */
/**************自定义文本颜色样式*****************************/
.c-red {
  /* 红色 */
  color: #f00 !important;
}
.c-pink {
  /* 粉红色 */
  color: #F56C6C !important;
}
.c-ared {
  /* 暗红色 */
  color: #B61D1D !important;
}
.c-green {
  /* 绿色 */
  color: #008000 !important;
}
.c-qgreen {
  /* 青绿 */
  color: #00c3ce !important;
}
.c-yellow {
  /* 黄色 */
  color: #ff7300 !important;
}
.c-gray {
  /* 灰色 */
  color: #ccc !important;
}
.c-bbb {
  /* 浅灰色 */
  color: #666 !important;
}
.c-blue {
  /* 蓝色 */
  color: #108ee9 !important;
}
.c-dblue {
  /* 淡蓝色 */
  color: #3e9bff !important;
}
.c-sblue {
  /* 深蓝色 */
  color: #06c !important;
}
.c-black {
  /* 黑色 */
  color: #000 !important;
}
.c-white {
  /* 白色 */
  color: #fff !important;
}
/* 列表顶部工具栏更多按钮样式--bengin */
.other-btns {
  display: inline-block;
}
.other-btns .lt-obtn {
  display: inline-block;
  border: 2rpx solid #00C3CE;
  color: #00C3CE;
  border-radius: 10rpx;
  padding: 4rpx 10rpx;
  margin-right: 20rpx;
}
.other-btns .lt-obtn-sel {
  background: #00C3CE !important;
  color: #FFFFFF !important;
}
.lt-r-btn {
  display: inline-block;
  border: 2rpx solid #00C3CE;
  color: #00C3CE;
  border-radius: 10rpx;
  height: 40rpx;
  line-height: 36rpx;
  padding: 0 6rpx;
}
/* 列表顶部工具栏更多按钮样式--end */
/* 表单底部按钮样式--begin */
.fm-btns {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/* 表单底部按钮样式--end */
/* popup弹框的样式--begin */
::v-deep .my-popup-md .u-drawer-content {
  background: #efefef;
}
/* popup弹框的样式--end */
/**************例如：列表-详情--begin*********************/
.my-list-detail {
  padding: 2rpx;
}
.my-list-detail .ml-item-line {
  display: block;
  height: 2rpx;
  width: 100%;
  border: 2rpx solid #efefef;
  position: relative;
}
.my-list-detail .ml-item-line .title {
  position: absolute;
  bottom: 0rpx;
  display: inline-block;
  width: 200rpx;
  left: calc((100% - 200rpx)/2);
}
.my-list-detail .ml-item {
  background: #fff;
  box-shadow: 0 2rpx 3rpx rgba(0, 0, 0, 0.1);
  margin-bottom: 20rpx;
  padding: 20rpx;
  position: relative;
  border-radius: 12rpx;
  line-height: 48rpx;
}
.my-list-detail .ml-item .i-row-title {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  position: relative;
}
.my-list-detail .ml-item .i-row-title .r-title-tip {
  font-size: 24rpx;
  color: #666;
}
.my-list-detail .ml-item .i-row-title .right-con {
  position: absolute;
  bottom: 0rpx;
  right: 0rpx;
}
.my-list-detail .ml-item .i-row-text .r-title {
  display: inline-block;
  font-family: PingFang SC;
  color: #333333;
  color: #000000;
  font-size: 28rpx;
  font-weight: 600;
}
.my-list-detail .ml-item .i-row {
  display: flex;
  /* 按钮组 */
}
.my-list-detail .ml-item .i-row .r-icon {
  vertical-align: -9rpx;
  margin-right: 10rpx;
}
.my-list-detail .ml-item .i-row .r-it {
  display: inline-block;
  font-size: 28rpx;
  font-family: PingFang SC;
  color: #333333;
  min-width: 50%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-list-detail .ml-item .i-row .r-unline {
  color: #00C3CE;
  text-decoration: underline;
}
.my-list-detail .ml-item .i-row .r-title {
  display: inline-block;
  font-family: PingFang SC;
  color: #333333;
  color: #000000;
  font-size: 28rpx;
  font-weight: 600;
}
.my-list-detail .ml-item .i-row .r-btns {
  height: 60rpx;
  margin-top: 10rpx;
  text-align: right;
  display: block;
}
.my-list-detail .ml-item .i-row .r-btns .rb-btn {
  background: #00c3ce;
  margin: 0 10rpx;
  padding: 0rpx 20rpx !important;
}
.my-list-detail .ml-item .i-row .r-btns .rb-btn .am-button-content {
  color: #fff !important;
}
/**************例如：列表-详情--end***********************/
/**************例如：请假-列表--begin***********************/
.my-list2 {
  background: #efefef;
  min-height: 100vh;
  padding-top: 20rpx;
}
.my-list2 .ml-item {
  background: #fff;
  box-shadow: 0 2rpx 3rpx rgba(0, 0, 0, 0.1);
  margin: 0rpx 20rpx 20rpx 20rpx;
  padding: 20rpx 10rpx 14rpx 20rpx;
  line-height: 60rpx;
  border-radius: 12rpx;
  position: relative;
}
.my-list2 .ml-item .i-title {
  display: flex;
  margin-bottom: 10rpx;
}
.my-list2 .ml-item .i-title view:first-child {
  flex: 1;
  font-size: 36rpx;
  font-family: Ping Fang SC;
  font-weight: 600;
  color: #000000;
}
.my-list2 .ml-item .i-title view:first-child .tip-icon {
  display: inline-block;
  width: 4rpx;
  height: 50%;
  background-color: #ffa400;
  vertical-align: -4rpx;
  margin-right: 10rpx;
}
.my-list2 .ml-item .i-title view:last-child {
  margin-right: 0;
  font-size: 26rpx;
  color: #666;
}
.my-list2 .ml-item .i-row {
  font-size: 30rpx;
  font-family: Ping Fang SC;
  color: #000000;
  padding-left: 16rpx;
}
.my-list2 .ml-item .i-footer {
  display: flex;
}
.my-list2 .ml-item .i-footer view:first-child {
  flex: 1;
  font-size: 26rpx;
  font-family: Ping Fang SC;
  font-weight: 600;
  color: #666666;
  padding-left: 16rpx;
}
.my-list2 .ml-item .i-footer view:last-child {
  margin-right: 0;
  font-size: 32rpx;
  color: #ffa400;
  padding-right: 20rpx;
}
.my-list2 .ml-item .i-btns {
  display: flex;
  margin-top: 20rpx;
  padding: 0 10rpx;
  justify-content: flex-end;
  align-items: center;
}
.my-list2 .ml-item .i-btns .btn {
  padding: 0rpx 20rpx;
  margin: 0 10rpx;
  border-radius: 40rpx;
  border: 2rpx solid #ccc;
  font-size: 26rpx;
  text-align: center;
  color: #666666;
}
.my-list2 .ml-item .i-btns .ok {
  background-color: #00C3CE;
  color: #FFFFFF !important;
  border: none;
}
.my-list2 .ml-item-detail {
  background: #fff;
  box-shadow: 0 2rpx 3rpx rgba(0, 0, 0, 0.1);
  margin: 0rpx 20rpx 20rpx 20rpx;
  padding: 20rpx 10rpx 14rpx 20rpx;
  line-height: 60rpx;
  border-radius: 12rpx;
  position: relative;
}
.my-list2 .ml-item-detail .i-title {
  display: flex;
  margin-bottom: 10rpx;
}
.my-list2 .ml-item-detail .i-title view:first-child {
  flex: 1;
  font-size: 36rpx;
  font-family: Ping Fang SC;
  font-weight: 600;
  color: #333;
}
.my-list2 .ml-item-detail .i-title view:first-child .tip-icon {
  display: inline-block;
  width: 4rpx;
  height: 50%;
  background-color: #ffa400;
  vertical-align: -4rpx;
  margin-right: 10rpx;
}
.my-list2 .ml-item-detail .i-title view:last-child {
  margin-right: 0;
  font-size: 32rpx;
  color: #ffa400;
}
.my-list2 .ml-item-detail .i-row {
  font-size: 30rpx;
  font-family: Ping Fang SC;
  color: #333;
  padding-left: 16rpx;
}
.my-list2 .ml-item-detail .i-footer {
  display: flex;
}
.my-list2 .ml-item-detail .i-footer view:first-child {
  flex: 1;
  font-size: 26rpx;
  font-family: Ping Fang SC;
  font-weight: 600;
  color: #666666;
  padding-left: 16rpx;
}
.my-list2 .ml-item-detail .i-btns {
  display: flex;
  margin-top: 20rpx;
  padding: 0 10rpx;
  justify-content: flex-end;
  align-items: center;
}
.my-list2 .ml-item-detail .i-btns .btn {
  padding: 0rpx 20rpx;
  margin: 0 10rpx;
  border-radius: 40rpx;
  border: 2rpx solid #ccc;
  font-size: 26rpx;
  text-align: center;
  color: #666666;
}
.my-list2 .ml-item-detail .i-btns .ok {
  background-color: #00C3CE;
  color: #FFFFFF !important;
  border: none;
}
/**************例如：请假-列表--end***********************/
